<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表元素</title>
	</head>
	<body>
		<!-- 列表：存储相同内容的元素  
		三种表现形式 ①有序列表【层级元素】 快捷键：ol>li 
		           ②无序列表【层级元素】 快捷键：ul>li
				   有序列表与无序列表区别？
				   编写网页必须使用无序列表，有利于SEO优化
				   ③定义列表【层级元素】快捷键：dl>dt+dd
		-->
		<h4>定义列表</h4>
		<dl>
			<dt><img src="img/3.gif" alt="懒洋洋" width="200px" height="200px"/></dt>
			<dd>我是懒洋洋</dd>
		</dl>
		<h4>无序列表</h4>
		<ul>
			<li>哪吒</li>
			<li>731</li>
			<li>749局</li>
		</ul>
		<h4>有序列表</h4>
		<ol>
			<li>熊出没</li>
			<li>喜洋洋</li>
			<li>剑锋传奇</li>
		</ol>
	</body>
</html>